<template>
  <div class="xuqiubox">
    <!-- 内容 -->
    <Tabs :dataSource="dataSource">
      <template #header>
        <p class="fs_12" style="color:#CBD2D5">2021-11-15 ~ 2021-11-21</p>
      </template>
    </Tabs>
    <!--  -->

    <a-row class="mt_20" :gutter="[12, 12]">
      <a-col :xs="24" :lg="12" :xl="12">
        <!-- 相关词 -->
        <LineA style="height: 45vh" />
      </a-col>
      <a-col :xs="24" :lg="12" :xl="12">
        <!-- 相关词 -->
        <LineB style="height: 45vh" />
      </a-col>
    </a-row>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import Tabs from "@/components/Tabs";
import LineA from "./components/LineA";
import LineB from "./components/LineB";

const dataSource = ref(["人群属性"]);
</script>

<style lang="less" scoped>
.xuqiubox {
  width: 100%;
  border: 1px solid #1f2327;
  padding: 0 10px;
}
.slotImg {
  width: 100%;
  object-fit: cover;
}
</style>
